<!DOCTYPE html>
<html>

<head>
	<base href="demo/">
    <meta charset="utf-8">
    <title>table</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="plugins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="css/btable.css" />
    <link rel="stylesheet" href="css/plain/satelliteHomepage.css" />
    <link href="bootstratp/bootstrap-modal/css/bootstrap-modal.css" rel="stylesheet" type="text/css" />
    <link href="bootstratp/bootstrap-table/bootstrap-table.css" rel="stylesheet" type="text/css" />
   <link href="bootstratp/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css" />
   <link rel="stylesheet" href="bootstratp/bootstrap/css/bootstrap.min.css" />
    <link href="bootstratp/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div style="margin:0px; background-color: #FFFFFF; margin:0 10px;">
		<div>
    		<img id="homeimg" src="images/homePage.png"/>
    	</div>
        <fieldset class="layui-elem-field">
		  <legend>检索条件</legend>
		  <div class="layui-field-box">
		  	 <form id="searchForm">
			    <ul>
			    	<li>    
			    			部门： 
			    			<select id="deptName" name="deptName" readonly="readonly">
			    				<option value="所有部门" selected="selected">所有部门</option>
			    			</select>
			    			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			   				性别： 
			   				<select id="gender" name="gender" readonly="readonly">
			   					<option value="全部" selected="selected">全部</option>
			   				</select>
			   				<br/>
			    	</li>
			    	<li>    
			    			岗位：
			    			<select id="job" name="job" readonly="readonly">
			    				<option value="全部"  selected="selected">全部</option>
			    			</select>
			    			&nbsp;&nbsp;
			    			技能级别： 
			    			<select id="skillLevel" readonly="readonly">
			    				<option value="全部"  selected="selected">全部</option>
			    			</select>
			    			<br/>
			    			
			    			
			    	</li>
			    	<li>
			    			关键字：<input type="text" id="userName" name="userName" readonly="readonly"/>
			    			&nbsp;&nbsp;
			    			<button class="layui-btn layui-btn-small" onclick="toFristPage()">检索</button>
			    	</li>
			    </ul>
		    </form>
		  </div>
		</fieldset>
		 <br/>
		 <div style="width:959px;text-align:center;">
		 	<table id="table" >
			 </table>
		 </div>
		 
		 <!-- <div id="content"></div> -->
		 <script>
		    function gotopage(){
				window.location.href=host+"qualityAnalysis";
			}
	    </script>
		
		<div>
			<a onclick="gotopage()" style="color: #0E6C9C;cursor:pointer;">质量记录自动分类算法DEMO</a>
		</div>
		<br />
        
      
    </div>
 	<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="plugins/layui/layui.js"></script>
    
    <script type="text/javascript" src="bootstratp/bootstrap-table/bootstrap-table.js"></script>
     <script type="text/javascript" src="js/plain/satelliteHomepage.js"></script>
    <script type="text/javascript" src="js/base.js"></script>
    <script type="text/javascript">
/*     	$(document).ready(function(){
    		$("#content").width($("#homeimg").width());
    		
    	}); */
    </script>
<!--     <script>
	    
    
        layui.config({
            base: 'js/',
            v: new Date().getTime()
        }).use(['btable', 'form'], function () {
            var btable = layui.btable(),
                $ = layui.jquery,
                layerTips = parent.layer === undefined ? layui.layer : parent.layer, //获取父窗口的layer对象
                layer = layui.layer,//获取当前窗口的layer对象;
                form = layui.form();
           	
                

            btable.set({
                openWait: true,//开启等待框
                elem: '#content',
                url: host+"getUsers", //数据源地址
                pageSize: 3,//页大小
                params: {//额外的请求参数
                    t: new Date().getTime()
                },
                columns: [{ //配置数据列
                    fieldName: '部门', //显示名称
                    field: 'deptName', //字段名
                    sortable: true //是否显示排序
                }, {
                    fieldName: '人员编号',
                    field: 'userId',
                    sortable: true
                }, {
                    fieldName: '姓名',
                    field: 'name',
                    sortable: true
                },
                {
                    fieldName: '性别',
                    field: 'sex',
                    sortable: true
                }, 
                {
                    fieldName: '岗位',
                    field: 'station',
                    sortable: true
                }, 
                {
                    fieldName: '技能级别',
                    field: 'skillLevel',
                    sortable: true
                }, 
                {
                    fieldName: '曾参与项目',
                    field: 'involvedInProject',
                    sortable: true
                }, 
                {
                    fieldName: '数据分析',
                   
                    format: function (val,obj) {
                        var html = '<input type="button" value="查看"  data-id="' + val + '" class="layui-btn layui-btn-mini" onclick="skip()" /> ';
                           /* '<input type="button" value="删除" data-action="del" data-id="' + val + '" class="layui-btn layui-btn-mini layui-btn-danger" />'; data-action="edit"*/
                        return html;
                    }
                }],
                even: true,//隔行变色`
                field: 'id', //主键ID
                //skin: 'row',
                checkbox: false,//是否显示多选框
                paged: false, //是否显示分页
                singleSelect: false, //只允许选择一行，checkbox为true生效
                onSuccess: function ($elem) { //$elem当前窗口的jq对象
                    $elem.children('tr').each(function () {
                        $(this).children('td:last-child').children('input').each(function () {
                            var $that = $(this);
                            var action = $that.data('action');
                            var id = $that.data('id');
                            $that.on('click', function () {
                                switch (action) {
                                    case 'edit':
                                        layerTips.msg(action + ":" + id);
                                        break;
                                    case 'del': //删除
                                        var name = $that.parent('td').siblings('td[data-field=name]').text();
                                        //询问框
                                        layerTips.confirm('确定要删除[ <span style="color:red;">' + name + '</span> ] ？', { icon: 3, title: '系统提示' }, function (index) {
                                            $that.parent('td').parent('tr').remove();
                                            layerTips.msg('删除成功.');
                                        });
                                        break;
                                }
                            });
                        });
                    });
                }
            });
            btable.render();
            //监听搜索表单的提交事件
            form.on('submit(search)', function (data) {
                btable.get(data.field);
                return false;
            });
            $(window).on('resize', function (e) {
                var $that = $(this);
                $('#content').height($that.height() - 92);
            }).resize();
        });
    </script> -->
</body>

</html>